ilikelollies/agent-catalog/app/agent/[id]/page.tsx

import { Metadata } from "next";
import { Agent } from "@/types/agent";
import AgentClient from "./AgentClient";
import { QueryProvider } from "../../ClientQueryProvider";
import { getAgentFromContract } from "@/lib/agents";


export async function generateMetadata({ params }: { params: { id: string } }): Promise<Metadata> {
  const id = params.id
  const agentResult = await getAgentFromContract(id);

  const agent = (agentResult && !Array.isArray(agentResult)) ? agentResult as Agent : null;

  const title = agent?.name ?? "Agent Profile";
  const description = agent?.description ?? "Meet our intelligent agent.";
  const image = agent?.avatar ?? "/default-agent-image.png";
  const url = `${process.env.NEXT_PUBLIC_PRODUCTION_URL}/agent/${params.id}`;

  return {
    title,
    description,
    openGraph: {
      title,
      description,
      url,
      type: "profile",
      images: [
        {
          url: image,
          width: 800,
          height: 600,
          alt: `${title}'s profile image`,
        },
      ],
    },
    twitter: {
      card: "summary_large_image",
      title,
      description,
      images: [image],
    },
  };
}

export default async function AgentPage({ params }: { params: { id: string } }) {
  return (
    <QueryProvider>
      <AgentClient id={params.id} />
    </QueryProvider>

  );
}